<!DOCTYPE html>
<html dir="ltr">

<head>
  <meta charset="UTF-8">
  <title>Button - Standalone</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <script src="/dist/ionic.js"></script>
</head>

<body>
  <p>
    <ion-button color="primary">Primary</ion-button>
    <ion-button color="secondary">Secondary</ion-button>
    <ion-button color="tertiary">Tertiary</ion-button>
    <ion-button color="success">Success</ion-button>
    <ion-button color="warning">Warning</ion-button>
    <ion-button color="danger">Danger</ion-button>
    <ion-button color="light">Light</ion-button>
    <ion-button color="medium">Medium</ion-button>
    <ion-button color="dark">Dark</ion-button>
  </p>
  <p>
    <ion-badge color="primary">Primary</ion-badge>
    <ion-badge color="secondary">Secondary</ion-badge>
    <ion-badge color="tertiary">Tertiary</ion-badge>
    <ion-badge color="success">Success</ion-badge>
    <ion-badge color="warning">Warning</ion-badge>
    <ion-badge color="danger">Danger</ion-badge>
    <ion-badge color="light">Light</ion-badge>
    <ion-badge color="medium">Medium</ion-badge>
    <ion-badge color="dark">Dark</ion-badge>
  </p>
</body>
</html>
